{extend name="public/base" /}
{block name="content"}

  <!--start:一站式场景互动服务平台-->
<a name="fw"></a>
  <div class="bg-white">
    <div class="inner web-column">
      <h3 class="title1">一站式场景互动服务平台</h3>
      <ul class="funcs-list1 clearfix">
        <li>
          <div class="con">
            <div class="icon-sign"><i></i></div>
            <h3>报名邀请</h3>
            <div class="line"><span></span></div>
            <p><a href="c/12.html" >邀请函</a></p>
            <p><a href="c/14.html" >电子票</a></p>
            <p><a href="c/15.html" >活动报名</a></p>
          </div>
        </li>
        <li>
          <div class="con">
            <div class="icon-checkin"><i></i></div>
            <h3>签到</h3>
            <div class="line"><span></span></div>
            <p><a href="c/16.html" >二维码签到</a></p>
            <p><a href="c/17.html" >iBeacon签到</a></p>
            <p><a href="c/18.html" >APP签到</a></p>
            <p><a href="c/19.html">3D签到</a></p>
            <p><a href="c/20.html">微信签到</a></p>
          </div>
        </li>
        <li>
          <div class="con">
            <div class="icon-hudong"><i></i></div>
            <h3>互动</h3>
            <div class="line"><span></span></div>
            <p><a href="#">iBeacon互动</a></p>
            <!--<p><a href="http://www.wxscreen.com/goods/7" target="_blank">抽奖</a></p>-->
            <p><a href="#">抽奖</a></p>
            <p><a href="#">红包</a></p>
            <p><a href="#">打赏</a></p>
            <p><a href="#">投票</a></p>
          </div>
        </li>
        <li>
          <div class="con">
            <div class="icon-collect"><i></i></div>
            <h3>数据收集</h3>
            <div class="line"><span></span></div>
            <p><a href="#">问卷</a></p>
            <p><a href="#">互动统计</a></p>
            <p><a href="#">签到统计</a></p>
          </div>
        </li>
      </ul>
    </div>
  </div>
  <!--end:一站式场景互动服务平台-->

  <!--start:八大场景互动解决方案-->
  <div class="bg-gray">
    <div class="inner web-column">
      <h3 class="title1">八大场景互动解决方案</h3>
      <div id="js_funcsScence" class="funcs-scence swiper-container swiper-container-horizontal swiper-container-3d swiper-container-coverflow">
         <div id="js_funcsScencePrev" class="swiper-button-prev"></div>
         <div id="js_funcsScenceNext" class="swiper-button-next"></div>
         <ul class="swiper-wrapper clearfix">
                      <li class="swiper-slide">
             <div class="pic"><a href="#" target="_blank"><img src="images/scence8.png"></a></div>
             <span class="title">年会<em></em></span>
             <ul class="funcs-list2 funcs-list2-more clearfix">
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-checkin"><i></i></span>
                   <span class="name">签到</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-lottery"><i></i></span>
                   <span class="name">抽奖</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-paper"><i></i></span>
                   <span class="name">抢红包</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-vote"><i></i></span>
                   <span class="name">投票</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-shake"><i></i></span>
                   <span class="name">摇一摇</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-bg"><i></i></span>
                   <span class="name">自定义背景</span>
                 </a>
               </li>
                              <li>
                 <a href="#" target="_blank">
                   <span class="aicon aicon-add"><i></i></span>
                   <span class="name">查看功能</span>
                 </a>
               </li>
             </ul>
           <div class="swiper-slide-shadow-left"></div><div class="swiper-slide-shadow-right"></div></li>
                      <li class="swiper-slide">
             <div class="pic"><a href="#" target="_blank"><img src="images/scence7.png"></a></div>
             <span class="title">酒吧<em></em></span>
             <ul class="funcs-list2 funcs-list2-more clearfix">
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-shake"><i></i></span>
                   <span class="name">摇一摇</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-shang"><i></i></span>
                   <span class="name">打赏</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-lottery"><i></i></span>
                   <span class="name">抽奖</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-danmu2"><i></i></span>
                   <span class="name">酷炫弹幕</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-pair"><i></i></span>
                   <span class="name">对对碰</span>
                 </a>
               </li>
                              <li>
                 <a href="#" target="_blank">
                   <span class="aicon aicon-add"><i></i></span>
                   <span class="name">查看功能</span>
                 </a>
               </li>
             </ul>
           <div class="swiper-slide-shadow-left"></div></li>
                      <li class="swiper-slide">
             <div class="pic"><a href="#" target="_blank"><img src="images/scence6.png"></a></div>
             <span class="title">婚礼<em></em></span>
             <ul class="funcs-list2 funcs-list2-more clearfix">
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-tree"><i></i></span>
                   <span class="name">许愿树</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-lottery"><i></i></span>
                   <span class="name">抽奖</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-bg"><i></i></span>
                   <span class="name">自定义背景</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-logo"><i></i></span>
                   <span class="name">自定义LOGO</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-photoWall"><i></i></span>
                   <span class="name">照片墙</span>
                 </a>
               </li>
                              <li>
                 <a href="#" target="_blank">
                   <span class="aicon aicon-add"><i></i></span>
                   <span class="name">查看功能</span>
                 </a>
               </li>
             </ul>
           <div class="swiper-slide-shadow-left"></div></li>
                      <li class="swiper-slide">
             <div class="pic"><a href="#" target="_blank"><img src="images/scence1.png"></a></div>
             <span class="title">会议<em></em></span>
             <ul class="funcs-list2 funcs-list2-more clearfix">
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-checkin"><i></i></span>
                   <span class="name">签到</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-lottery"><i></i></span>
                   <span class="name">抽奖</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-danmu2"><i></i></span>
                   <span class="name">酷炫弹幕</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-bg"><i></i></span>
                   <span class="name">自定义背景</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-logo"><i></i></span>
                   <span class="name">自定义LOGO</span>
                 </a>
               </li>
                              <li>
                 <a href="#" target="_blank">
                   <span class="aicon aicon-add"><i></i></span>
                   <span class="name">查看功能</span>
                 </a>
               </li>
             </ul>
           <div class="swiper-slide-shadow-left"></div></li>
                      <li class="swiper-slide">
             <div class="pic"><a href="#" target="_blank"><img src="images/scence2.png"></a></div>
             <span class="title">户外<em></em></span>
             <ul class="funcs-list2 funcs-list2-more clearfix">
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-shake"><i></i></span>
                   <span class="name">摇一摇</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-danmu"><i></i></span>
                   <span class="name">弹幕</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-photoWall"><i></i></span>
                   <span class="name">照片墙</span>
                 </a>
               </li>
                              <li>
                 <a href="#" target="_blank">
                   <span class="aicon aicon-add"><i></i></span>
                   <span class="name">查看功能</span>
                 </a>
               </li>
             </ul>
           <div class="swiper-slide-shadow-left"></div></li>
                      <li class="swiper-slide swiper-slide-prev">
             <div class="pic"><a href="#" target="_blank"><img src="images/scence3.png"></a></div>
             <span class="title">校园<em></em></span>
             <ul class="funcs-list2 funcs-list2-more clearfix">
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-vote"><i></i></span>
                   <span class="name">投票</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-rate"><i></i></span>
                   <span class="name">评分</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-danmu"><i></i></span>
                   <span class="name">弹幕</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-shake"><i></i></span>
                   <span class="name">摇一摇</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-photoWall"><i></i></span>
                   <span class="name">照片墙</span>
                 </a>
               </li>
                              <li>
                 <a href="#" target="_blank">
                   <span class="aicon aicon-add"><i></i></span>
                   <span class="name">查看功能</span>
                 </a>
               </li>
             </ul>
           <div class="swiper-slide-shadow-left"></div></li>
                      <li class="swiper-slide swiper-slide-active">
             <div class="pic"><a href="#" target="_blank"><img src="images/scence4.png"></a></div>
             <span class="title">电视<em></em></span>
             <ul class="funcs-list2 funcs-list2-more clearfix">
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-danmu"><i></i></span>
                   <span class="name">弹幕</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-studio"><i></i></span>
                   <span class="name">虚拟演播厅</span>
                 </a>
               </li>
                              <li>
                 <a href="#" target="_blank">
                   <span class="aicon aicon-add"><i></i></span>
                   <span class="name">查看功能</span>
                 </a>
               </li>
             </ul>
           <div class="swiper-slide-shadow-left"></div></li>
                      <li class="swiper-slide swiper-slide-next">
             <div class="pic"><a href="#" target="_blank"><img src="images/scence5.png"></a></div>
             <span class="title">赛事<em></em></span>
             <ul class="funcs-list2 funcs-list2-more clearfix">
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-shang"><i></i></span>
                   <span class="name">打赏</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-vote"><i></i></span>
                   <span class="name">投票</span>
                 </a>
               </li>
                              <li>
                                                                 <a href="#" target="_blank">
                   <span class="aicon aicon-guess"><i></i></span>
                   <span class="name">竞猜</span>
                 </a>
               </li>
                              <li>
                 <a href="#" target="_blank">
                   <span class="aicon aicon-add"><i></i></span>
                   <span class="name">查看功能</span>
                 </a>
               </li>
             </ul>
           <div class="swiper-slide-shadow-left"></div></li>
                    </ul>
         <div id="naviScence" class="swiper-pagination swiper-pagination-clickable"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span></div>
      </div>
    </div>
  </div>
  <!--end:八大场景互动解决方案-->

  <!--start:30+花样互动,主宰每个现场-->
  <div class="bg-white">
    <div class="inner web-column">
      <h3 class="title1">30+花样互动,主宰每个现场</h3>
      <div class="live-map">
        <div class="live-item3 live-rate">
          <a href="#" target="_blank" class="aicon aicon-rate"><i></i></a>
          <div class="pic"><img src="images/test23.png"></div>
        </div>
        <div class="live-item3 live-shakeTree">
          <a href="#" target="_blank" class="aicon aicon-shakeTree"><i></i></a>
          <div class="pic"><img src="images/test24.png"></div>
        </div>
        <div class="live-item3 live-laohuji">
          <a href="#" target="_blank" class="aicon aicon-laohuji"><i></i></a>
          <div class="pic"><img src="images/test25.png"></div>
        </div>
        <!--<a href="javascript:void(0);" class="aicon aicon-pair"><i></i></a>-->
        <div class="live-item3 live-wheel">
          <a href="#" target="_blank" class="aicon aicon-wheel"><i></i></a>
          <div class="pic"><img src="images/test26.png"></div>
        </div>
        <div class="live-item1 live-checkin">
          <div class="pic"><img src="images/test06.png"></div>
          <a href="#" target="_blank" class="aicon aicon-chekcin"><i></i><span>签到</span></a>
        </div>
        <div class="live-item1 live-shang">
          <div class="pic"><img src="images/test05.png"></div>
          <a href="#" target="_blank" class="aicon aicon-shang"><i></i><span>打赏</span></a>
        </div>
        <div class="live-item1 live-lottery">
          <div class="pic"><img src="images/test04.png"></div>
          <a href="#" target="_blank" class="aicon aicon-lottery"><i></i><span>抽奖</span></a>
        </div>
        <div class="live-item1 live-danmu">
          <div class="pic"><img src="images/test10.png"></div>
          <a href="#" target="_blank" class="aicon aicon-danmu"><i></i><span>弹幕</span></a>
        </div>
        <div class="live-item2 live-luyu">
          <div class="pic"><img src="images/test01.png"></div>
          <a href="#" target="_blank" class="aicon"><span>消息上墙</span></a>
        </div>
        
        <div class="live-item2 live-shakePaper">
          <div class="pic"><img src="images/test22.png"></div>
          <a href="#" target="_blank" class="aicon aicon-shakePaper"><i></i><span>摇红包</span></a>
        </div>
        <div class="live-item2 live-ali">
          <div class="pic"><img src="images/test07.png"></div>
          <a href="#" target="_blank" class="aicon aicon-checkin"><span>logo签到墙</span></a>
        </div>
        <div class="live-item2 live-tree2">
          <div class="pic"><img src="images/test21.png"></div>
          <a href="#" class="aicon aicon-tree"><i></i><span>许愿树</span></a>
        </div>
        <div class="live-item2 live-paper">
          <div class="pic"><img src="images/test03.png"></div>
          <a href="#" target="_blank" class="aicon aicon-paper"><i></i><span>抢红包</span></a>
        </div>
        <div class="live-item2 live-shake">
          <div class="pic"><img src="images/test09.png"></div>
          <a href="#" target="_blank" class="aicon aicon-shake"><i></i><span>摇一摇</span></a>
        </div>
        <div class="live-item2 live-nx">
          <div class="pic"><img src="images/test11.png"></div>
          <a href="#" target="_blank" class="aicon aicon-vote"><i></i><span>投票</span></a>
        </div>
      </div>
    </div>
  </div>
  <!--end:30+花样互动,主宰每个现场-->

  <!--start:深度定制，想你所想-->
  <div class="bg-gray">
    <div class="inner web-column">
      <h3 class="title1">深度定制，想你所想</h3>
      <div class="cases-booking">
        <div class="cases-contact hidden js_casesContact">
          <h3>定制需求填写</h3>
          <div class="item1 clearfix">

            <p class="left"><label>公司名称:</label><span><input class="js_companyName" type="text"></span></p>
            <p class="left"><label>开始时间:</label><span><input class="js_actTime hasDatepicker" id="dp1479438354554" type="text"></span></p>
            <p class="left"><label>活动地址:</label><span><input class="js_actAddress" type="text"></span></p>
            <p class="left"><label>联&nbsp; 系&nbsp;人:</label><span><input class="js_contactUser" type="text"></span></p>
            <p class="left"><label>联系电话:</label><span><input class="js_contactPhone" type="text"></span></p>

          </div>
          <div id="casesContact" class="tabs1">
            <a id="casesContact0" data-index="1" onclick="nTabs('casesContact',this);" href="javascript:void(0);" class="curr">定制已有功能</a>
            <a id="casesContact1" data-index="2" onclick="nTabs('casesContact',this);" href="javascript:void(0);">定制全新功能</a>
          </div>
          <div id="casesContactCon0" class="tabs1-con">
            <p class="item2">
                                          <label><input value="3" class="js_functions" type="checkbox"><span>抽奖</span></label>
                                                        <label><input value="4" class="js_functions" type="checkbox"><span>对对碰</span></label>
                                                                                                                <label><input value="11" class="js_functions" type="checkbox"><span>投票</span></label>
                                                        <label><input value="15" class="js_functions" type="checkbox"><span>签到</span></label>
                                                        <label><input value="25" class="js_functions" type="checkbox"><span>高级签到</span></label>
                                                        <label><input value="18" class="js_functions" type="checkbox"><span>摇一摇</span></label>
                                                        <label><input value="21" class="js_functions" type="checkbox"><span>评分</span></label>
                                                        <label><input value="22" class="js_functions" type="checkbox"><span>打赏</span></label>
                                                        <label><input value="23" class="js_functions" type="checkbox"><span>老虎机抽奖</span></label>
                                                        <label><input value="24" class="js_functions" type="checkbox"><span>幸运大转盘</span></label>
                                                        <label><input value="27" class="js_functions" type="checkbox"><span>抢红包</span></label>
                                                                                    <label><input value="37" class="js_functions" type="checkbox"><span>摇红包</span></label>
                                                        <label><input value="36" class="js_functions" type="checkbox"><span>疯狂摇摇树</span></label>
                                                        <label><input value="20" class="js_functions" type="checkbox"><span>弹幕</span></label>
                                                        <label><input value="38" class="js_functions" type="checkbox"><span>酷炫弹幕</span></label>
                                                        <label><input value="30" class="js_functions" type="checkbox"><span>许愿树</span></label>
                                                        <label><input value="39" class="js_functions" type="checkbox"><span>高级抽奖</span></label>
                                                        <label><input value="50" class="js_functions" type="checkbox"><span>照片墙</span></label>
                                                        <label><input value="66" class="js_functions" type="checkbox"><span>Metro</span></label>
                                                        <label><input value="68" class="js_functions" type="checkbox"><span>咻一咻</span></label>
                                                        <label><input value="67" class="js_functions" type="checkbox"><span>数钱</span></label>
                                        </p>
            <p class="item3"><textarea class="js_customContent" placeholder="填写您的详细需求"></textarea></p>
            <button type="submit" class="js_customSubmit">提交需求</button>
          </div>
          <div id="casesContactCon1" class="tabs1-con" style="display:none;">
            <p class="item3 item4"><textarea class="js_customContent" placeholder="填写您的详细需求"></textarea></p>
            <button type="submit" class="js_customSubmit">提交需求</button>
          </div>
        </div>
        <span id="transmark"></span><ul id="js_casesBooking" class="cases-list1 clearfix">
          <li>
  <div class="pics swiper-container js_casesBooking1 swiper-container-horizontal">
    <div class="swiper-wrapper clearfix"><span class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1"><img src="images/20160810175132000000_1_132491_4281.jpg"></span>
      <span class="swiper-slide swiper-slide-prev" data-swiper-slide-index="0"><img src="images/20160810174117000000_1_127242_2936.png"></span>      <span class="swiper-slide swiper-slide-active" data-swiper-slide-index="1" style="width: 340px;"><img src="images/20160810175132000000_1_132491_4281.jpg"></span>          <span class="swiper-slide swiper-slide-duplicate swiper-slide-next" data-swiper-slide-index="0" style="width: 340px;"><img src="images/20160810174117000000_1_127242_2936.png"></span></div>
    <div class="swiper-pagination navi1 swiper-pagination-clickable"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span></div>
    <div class="title">奥迪520工体表白</div>
  </div>
  <div class="pics-intro" style="display: none;">
    <div class="clearfix">
      <div class="item item-phone left"><div class="pic"><img src="images/20160810174058000000_1_58189_2648.png"></div><p>手机端</p></div>      <div class="item item-pc left"><div class="pic"><img src="images/20160810174104000000_1_92383_8271.png"></div><p>屏幕显示页面</p></div>      <div class="item item-pc left"><div class="pic"><img src="images/20160810174110000000_1_101237_4337.png"></div><p>现场照片</p></div>    </div>
    <h3 class="title2 hidden">奥迪520工体表白</h3>
    <div class="txt"><h1><a>5.20趣现场与奥迪指引表白新风向</a></h1><p>微信扫描二维码发表告白信息，在现场会将告白文字以倒影的形式展示，520工体“月光告白”成为现象级传播事件。</p></div>
  </div>
</li>
<li>
  <div class="pics swiper-container js_casesBooking2 swiper-container-horizontal">
    <div class="swiper-wrapper clearfix"><span class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1"><img src="images/20160810115308000000_1_213057_2396.jpg"></span>
      <span class="swiper-slide swiper-slide-prev" data-swiper-slide-index="0"><img src="images/20160801165627000000_1_151175_7742.png"></span>      <span class="swiper-slide swiper-slide-active" data-swiper-slide-index="1"><img src="images/20160810115308000000_1_213057_2396.jpg"></span>          <span class="swiper-slide swiper-slide-duplicate swiper-slide-next" data-swiper-slide-index="0"><img src="images/20160801165627000000_1_151175_7742.png"></span></div>
    <div class="swiper-pagination navi2 swiper-pagination-clickable"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span></div>
    <div class="title">一块投吧</div>
  </div>
  <div class="pics-intro">
    <div class="clearfix">
      <div class="item item-phone left"><div class="pic"><img src="images/20160809163744000000_1_30674_6857.png"></div><p>手机端</p></div>      <div class="item item-pc left"><div class="pic"><img src="images/20160801165619000000_1_151175_9641.png"></div><p>屏幕显示页面</p></div>      <div class="item item-pc left"><div class="pic"><img src="images/20160801165623000000_1_109245_5690.png"></div><p>现场照片</p></div>    </div>
    <h3 class="title2 hidden">一块投吧</h3>
    <div class="txt" style="margin-top:15px;"><h1><a>深圳卫视《一块投吧》 弹幕定制</a></h1><p>深圳卫视大型创投类节目，现场创新型互联网参与方式，现场观众通过手机端发送弹幕点评每个创业项目，开创了互联网+电视传媒模式。</p></div>
  </div>
</li>
<li>
  <div class="pics swiper-container js_casesBooking3 swiper-container-horizontal" style="box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);">
    <div class="swiper-wrapper clearfix" style="transition-duration: 0ms; transform: translate3d(-680px, 0px, 0px);"><span class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" style="width: 340px;"><img src="images/20160810113210000000_1_270060_5081.jpg"></span>
      <span class="swiper-slide swiper-slide-prev" data-swiper-slide-index="0" style="width: 340px;"><img src="images/20160801165525000000_1_150686_904.png"></span>      <span class="swiper-slide swiper-slide-active" data-swiper-slide-index="1" style="width: 340px;"><img src="images/20160810113210000000_1_270060_5081.jpg"></span>          <span class="swiper-slide swiper-slide-duplicate swiper-slide-next" data-swiper-slide-index="0" style="width: 340px;"><img src="images/20160801165525000000_1_150686_904.png"></span></div>
    <div class="swiper-pagination navi3 swiper-pagination-clickable"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span></div>
    <div class="title">央视3·15晚会</div>
  </div>
  <div class="pics-intro">
    <div class="clearfix">
      <div class="item item-phone left"><div class="pic"><img src="images/20160801165508000000_1_63860_4583.png"></div><p>手机端</p></div>      <div class="item item-pc left"><div class="pic"><img src="images/20160801165516000000_1_125941_8233.png"></div><p>屏幕显示页面</p></div>      <div class="item item-pc left"><div class="pic"><img src="images/20160801165521000000_1_150686_1789.png"></div><p>现场照片</p></div>    </div>
    <h3 class="title2 hidden">央视3·15晚会</h3>
    <div class="txt"><h1><span></span></h1><h1 style="padding: 0px; margin: 0px;"><a>趣现场-微信大屏幕二度支持央视3·15晚会</a></h1><p><span>用户通过“虚拟抢座位”落座于“虚拟观众席”，关注315公众号报名“我承诺”共筑“数据星云图”，58万人实时参与互动。</span></p></div>
  </div>
</li>
<li>
  <div class="pics swiper-container js_casesBooking4 swiper-container-horizontal">
    <div class="swiper-wrapper clearfix"><span class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" style="width: 340px;"><img src="images/20160810123726000000_1_224133_3872.jpg"></span>
      <span class="swiper-slide swiper-slide-prev" data-swiper-slide-index="0" style="width: 340px;"><img src="images/20160809182643000000_1_67637_790.jpg"></span>      <span class="swiper-slide swiper-slide-active" data-swiper-slide-index="1" style="width: 340px;"><img src="images/20160810123726000000_1_224133_3872.jpg"></span>          <span class="swiper-slide swiper-slide-duplicate swiper-slide-next" data-swiper-slide-index="0" style="width: 340px;"><img src="images/20160809182643000000_1_67637_790.jpg"></span></div>
    <div class="swiper-pagination navi4 swiper-pagination-clickable"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span></div>
    <div class="title">浪琴马术户外营销互动</div>
  </div>
  <div class="pics-intro" style="display: none;">
    <div class="clearfix">
      <div class="item item-phone left"><div class="pic"><img src="images/20160809163812000000_1_44989_7089.png"></div><p>手机端</p></div>      <div class="item item-pc left"><div class="pic"><img src="images/20160801165242000000_1_140203_8917.png"></div><p>屏幕显示页面</p></div>      <div class="item item-pc left"><div class="pic"><img src="images/20160809182303000000_1_67637_6941.jpg"></div><p>现场照片</p></div>    </div>
    <h3 class="title2 hidden">浪琴马术户外营销互动</h3>
    <div class="txt" style="margin-top:15px;"><h1><a><span></span></a></h1><h1>浪琴马术户外营销互动</h1><p>用户扫描商场户外大屏的二维码，参与手机互动游戏“马术赛跑”从而获得浪琴提供的马术表演门票。</p></div>
  </div>
</li>
<li>
  <div class="pics swiper-container js_casesBooking5 swiper-container-horizontal" style="box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);">
    <div class="swiper-wrapper clearfix" style="transition-duration: 0ms; transform: translate3d(-680px, 0px, 0px);"><span class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" style="width: 340px;"><img src="images/20160810121356000000_1_286058_8681.jpg"></span>
      <span class="swiper-slide swiper-slide-prev" data-swiper-slide-index="0" style="width: 340px;"><img src="images/20160801165132000000_1_145342_7618.png"></span>      <span class="swiper-slide swiper-slide-active" data-swiper-slide-index="1" style="width: 340px;"><img src="images/20160810121356000000_1_286058_8681.jpg"></span>          <span class="swiper-slide swiper-slide-duplicate swiper-slide-next" data-swiper-slide-index="0" style="width: 340px;"><img src="images/20160801165132000000_1_145342_7618.png"></span></div>
    <div class="swiper-pagination navi5 swiper-pagination-clickable"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span></div>
    <div class="title">北广传媒文博会</div>
  </div>
  <div class="pics-intro">
    <div class="clearfix">
      <div class="item item-phone left"><div class="pic"><img src="images/20160809163827000000_1_32061_5187.png"></div><p>手机端</p></div>      <div class="item item-pc left"><div class="pic"><img src="images/20160801165123000000_1_75330_1338.png"></div><p>屏幕显示页面</p></div>      <div class="item item-pc left"><div class="pic"><img src="images/20160801165128000000_1_145342_2406.png"></div><p>现场照片</p></div>    </div>
    <h3 class="title2 hidden">北广传媒文博会</h3>
    <div class="txt" style="margin-top:15px;"><h1><a></a></h1><p></p><h1><a>文博会奇妙之旅 趣现场-微信大屏幕携手北广传媒带你寻“宝”</a></h1><p>用户通过蓝牙ibeacon摇一摇或者扫二维码的方式进入虚拟地图，完成互动游戏并引导用户前往北广传媒展台获得精美礼品，吸粉无数，引领互动新亮点。</p></div>
  </div>
</li>
<li>
  <div class="pics swiper-container js_casesBooking6 swiper-container-horizontal">
    <div class="swiper-wrapper clearfix"><span class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" style="width: 340px;"><img src="images/20160810175416000000_1_379002_1852.jpg"></span>
      <span class="swiper-slide swiper-slide-prev" data-swiper-slide-index="0" style="width: 340px;"><img src="images/20160810175409000000_1_136129_380.png"></span>      <span class="swiper-slide swiper-slide-active" data-swiper-slide-index="1" style="width: 340px;"><img src="images/20160810175416000000_1_379002_1852.jpg"></span>          <span class="swiper-slide swiper-slide-duplicate swiper-slide-next" data-swiper-slide-index="0" style="width: 340px;"><img src="images/20160810175409000000_1_136129_380.png"></span></div>
    <div class="swiper-pagination navi6 swiper-pagination-clickable"><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span></div>
    <div class="title">鲁豫有约</div>
  </div>
  <div class="pics-intro" style="display: none;">
    <div class="clearfix">
      <div class="item item-phone left"><div class="pic"><img src="images/20160810175351000000_1_57224_1072.png"></div><p>手机端</p></div>      <div class="item item-pc left"><div class="pic"><img src="images/20160810175938000000_1_101403_9660.png"></div><p>屏幕显示页面</p></div>      <div class="item item-pc left"><div class="pic"><img src="images/20160810175404000000_1_136129_8961.png"></div><p>现场照片</p></div>    </div>
    <h3 class="title2 hidden">鲁豫有约</h3>
    <div class="txt" style="margin-top:15px;"><h1 style="padding: 0px; margin: 0px;"><a>微信大屏幕亮相《鲁豫有约》 进行深度定制</a></h1><p style="padding: 0px; margin: 0px;">用户通过鲁豫有约微信公众号进入虚拟演播室，可以在录制当天与嘉宾线上互动，激活微信粉丝，实现“台网“联动。</p></div>
  </div>
</li>

        </ul>
      </div>
    </div>
  </div>
  <!--end:深度定制，想你所想-->

  <!--end:会务推荐-->
  <div class="bg-white">
    <div class="inner web-column">
      <h3 class="title1">会务推荐</h3>
      <div class="cases-list2">
        <div id="js_caseRecommend" class="swiper-container swiper-container-horizontal">
          <div id="naviRecommend" class="swiper-pagination swiper-pagination-clickable"><span class="swiper-pagination-bullet swiper-pagination-bullet-active">报名推荐</span><span class="swiper-pagination-bullet">会场推荐</span><span class="swiper-pagination-bullet">邀请函</span></div>
          <ul class="swiper-wrapper clearfix"><li class="swiper-slide swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="2" style="width: 1024px;">
              <div class="clearfix">
                                                <div class="item1 left"><a ><span class="pic"><img src="images/20160824180453000000_1_20033_5968.png"></span><span class="title">邀请函</span></a></div>
                                <div class="item1 left"><a ><span class="pic"><img src="images/20160824180536000000_1_20184_6710.png"></span><span class="title">互动游戏</span></a></div>
                                <div class="item1 left"><a ><span class="pic"><img src="images/20160824180610000000_1_24747_2572.png"></span><span class="title">活动推广</span></a></div>
                              </div>
              <h3 class="item1-logo"><img src="images/tuzhanlogo.png"></h3>
            </li>
                        <li class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" style="width: 1024px;">
              <div class="clearfix">
                                                <div class="item1 left"><a ><span class="pic"><img src="images/20160805115417000000_1_143551_1285.png"></span><span class="title">伍德吃托克丛林夜，属于夜间动物的4日狂欢</span></a></div>
                                <div class="item1 left"><a ><span class="pic"><img src="images/20161020160914000000_1_113038_8360.png"></span><span class="title">Apache Kylin Meetup @深圳</span></a></div>
                                <div class="item1 left"><a ><span class="pic"><img src="images/20160801172453000000_1_66216_7714.png"></span><span class="title">第二届华人桌面游戏大会</span></a></div>
                              </div>
              <h3 class="item1-logo"><img src="images/test14.png"></h3>
            </li>
                        <li class="swiper-slide swiper-slide-next" data-swiper-slide-index="1" style="width: 1024px;">
              <div class="clearfix">
                                                <div class="item1 left"><a ><span class="pic"><img src="images/20160805120718000000_1_131614_7830.png"></span><span class="title">北京万达索菲特大饭店</span></a></div>
                                <div class="item1 left"><a ><span class="pic"><img src="images/20160805120925000000_1_128928_4756.png"></span><span class="title">北京金茂万丽酒店</span></a></div>
                                <div class="item1 left"><a ><span class="pic"><img src="images/20160805121009000000_1_152856_6838.png"></span><span class="title">北京四季酒店</span></a></div>
                              </div>
              <h3 class="item1-logo"><img src="images/test15.png"></h3>
            </li>
                        <li class="swiper-slide" data-swiper-slide-index="2" style="width: 1024px;">
              <div class="clearfix">
                                                <div class="item1 left"><a ><span class="pic"><img src="images/20160824180453000000_1_20033_5968.png"></span><span class="title">邀请函</span></a></div>
                                <div class="item1 left"><a ><span class="pic"><img src="images/20160824180536000000_1_20184_6710.png"></span><span class="title">互动游戏</span></a></div>
                                <div class="item1 left"><a ><span class="pic"><img src="images/20160824180610000000_1_24747_2572.png"></span><span class="title">活动推广</span></a></div>
                              </div>
              <h3 class="item1-logo"><img src="images/tuzhanlogo.png"></h3>
            </li>
                      <li class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" style="width: 1024px;">
              <div class="clearfix">
                                                <div class="item1 left"><a ><span class="pic"><img src="images/20160805115417000000_1_143551_1285.png"></span><span class="title">伍德吃托克丛林夜，属于夜间动物的4日狂欢</span></a></div>
                                <div class="item1 left"><a ><span class="pic"><img src="images/20161020160914000000_1_113038_8360.png"></span><span class="title">Apache Kylin Meetup @深圳</span></a></div>
                                <div class="item1 left"><a ><span class="pic"><img src="images/20160801172453000000_1_66216_7714.png"></span><span class="title">第二届华人桌面游戏大会</span></a></div>
                              </div>
              <h3 class="item1-logo"><img src="images/test14.png"></h3>
            </li></ul>
        </div>
      </div>
    </div>
  </div>
  <!--end:会务推荐-->

  <!--start:案例展示-->
<a name="anli"></a>
  <div class="bg-gray">
    <div class="inner web-column">
      <h3 class="title1">案例展示</h3>
      <div class="cases-list3">
        <ul class="clearfix">
            {foreach :term('8')['content'] as $ta}
                              <li><a ><img src="UPLOADS/{$ta.cover_img}"><span>{$ta.name|clean_html|msubstr=0,16}</span></a></li>
            {/foreach}
                  </ul>
      </div>
    </div>
  </div>
  <!--end:案例展示-->

  <!--start:相关报道-->
  <div class="bg-white">
    <div class="inner web-column">
      <h3 class="title1">相关报道</h3>
        <ul style="margin-bottom:15px;">
            {foreach :term('3')['content']['rec'] as $key => $rc}
            {if $key < 3}
            <li class="newsa" style="margin-bottom:10px;{if $key == 2}margin-right:0;{/if} "><a href="{$rc.url}"><div class="news_img"><img src="UPLOADS/{$rc.cover_img}" /><span></span><p>{$rc.description|clean_html|msubstr=0,105}</p></div></a></li>
            {/if}
            {/foreach}

        </ul>
        <?php $y = 0; ?>
        {foreach :term('3')['content']['rec'] as $cal}
        <?php $y += 1;?>
        {/foreach}
        <?php $x=floor($y/3);?>
        <ul style="clear:both">
            {foreach :term('3')['content']['rec'] as $ke => $cc}
            {if $ke > 2}
            <li class="newsa"  {if (($ke+1)%3) ==0 } style="margin-right:0;line-height:30px;" {/if} ><a href="{$cc.url}">{$cc.name|clean_html|msubstr=0,16}<font  style="float:right">2016-05-24</font></a></li>
            {if (($ke+1)%3) ==0 }
        </ul>
        <ul style="clear:both; {if (floor(($ke+1)/3) == $x) }  margin-bottom:80px; {/if} ">
            {/if}
            {/if}
          {/foreach}
        </ul>
      <div style="clear:both"></div>
    </div>
  </div>
  <!--end:相关报道-->

  <!--satart:合作伙伴-->
  <div class="bg-gray">
    <div class="inner web-column">
      <h3 class="title1">合作伙伴</h3>
      <ul class="logoes-list1 clearfix">
            {foreach $links['1'] as $l}
                <li><a href="{$l.links}" target="_blank"><img src="UPLOADS/{$l.logo}"></a></li>
            {/foreach}
              </ul>
    </div>
  </div>
  <!--end:合作伙伴-->
{/block}